src/app/(main)/websites/[websiteId]/segments/SegmentAddButton.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import { useMessages } from '@/components/hooks';
import { Plus } from '@/components/icons';
import { DialogButton } from '@/components/input/DialogButton';
import { SegmentEditForm } from './SegmentEditForm';

export function SegmentAddButton({ websiteId }: { websiteId: string }) {
  const { formatMessage, labels } = useMessages();

  return (
    <DialogButton
      icon={<Plus />}
      label={formatMessage(labels.segment)}
      variant="primary"
      width="800px"
    >
      {({ close }) => {
        return <SegmentEditForm websiteId={websiteId} onClose={close} />;
      }}
    </DialogButton>
  );
}